<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*****ç½‘ç«™å†…é¡µï¼Œå…¨å±€æ&nbsp;ç›®å¤´é¢œè‰²è®¾ç½®ï¼å¼€å§‹******/


h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}

/*****å†…å®¹åŒº1200åƒç´&nbsp;******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}





/*********é¦–é¡µæ&nbsp;·å¼*********/

/*bannerå¤§å›¾*/
#banner {width: 100%;padding: 0;max-height: 500px;overflow: hidden;}
.flexslider{max-height: 500px;overflow: hidden;position: relative;width:100%;}
.slides li{height: 500px;}
.flex-control-nav {bottom: 30px;}
#intpate .slides li, #catapage .slides li { height: 400px;!important;}

@media (min-width: 992px) and (max-width: 1200px){
  .page-body .col-md-3{padding: 0 10px;}
  .img-inner {height: 170px;}
  .img-inner img {height: 160px;}
}
@media (max-width: 992px){
  /*å¤§å›¾*/ 
  .flexslider .slides li { height: 380px;background-size: auto 100% !important;}

}
@media (max-width: 767px){
  /*å¤§å›¾*/ 
  .flexslider .slides li {height: 250px;}
  

}
@media (max-width: 415px){
  
 .flexslider .slides li {height: 170px;}
  
}

/* å…¬å…±æ&nbsp;‡é¢˜æ&nbsp;·å¼ */
.bt{}
.bt h5 {font-size: 30px;text-transform: uppercase;font-weight: bold;color: #0049aa;line-height: 1;margin-bottom: 10px;}
.bt h5 span{color: #fe841a;}
.bt h3 {font-family: Microsoft JhengHei;font-size: 30px;font-weight: bold;line-height: 1;margin-bottom: 10px;}
.bt .fa {font-size: 30px;line-height: 1;color: #0049aa;}
.bt hr{margin-top: -17px;margin-bottom: 0;}



/* æœç´¢æ¡† */
.search-box {border-bottom: 1px solid #eee;background: #f8f8f8;}
.search-box .hot_search{font-size: 15px;line-height: 1;padding: 24px 0;}
.search-box .hot_search b {color: #5c5c5c;font-size: 16px;line-height: 1;font-weight: normal;}
.search-box .hot_search b .fa {color: #0049aa;margin-right: 5px;}
.search-box .hot_search a{font-size: 15px;color: #363636;}
.search-box .hot_search a:hover{color: #fe841a;}
.search-box .searchbox{margin-top: 12px;text-align: right;margin: 12px 0;position: relative;}
.search-box .searchbox input{    height: 40px;outline: none;border-radius: 0;border: none;font-size: 15px;}
.search-box .searchbox input[type="text"]{    width: 55%;border: 1px solid #0049aa;padding-left: 10px;}
.search-box .searchbox input[type="submit"] {width: 20%;margin-left: -5px;background: #0049aa;font-size: 15px;color: #fff;letter-spacing: 3px;position: relative;top: -1px;}




@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

}
@media (max-width: 767px){

}

@media (max-width: 415px){
 
}


/* äº§å“å±•ç¤º */
.product{padding: 50px 0;}

.pro-bt{}


.pro-nav{text-align: center;margin: 30px auto;}
.pro-nav ul{display: inline-block;overflow: hidden;}
.pro-nav ul li {float: left; margin: 0 5px;padding: 4px;background: #0049aa;}
.pro-nav ul li a { font-size: 15px; line-height: 1;display: block;padding: 10px 40px;border: 1px solid #fff;color: #fff;}
.pro-nav ul li:hover{background: #fe841a;}
.pro-nav ul li:hover a{}


.pro-box{}

.pro-nr{float: left;width: 25%;padding: 0 7px;margin-bottom: 15px;}
.pro-nr a{display: block;border: 1px solid #ccc;transition: all .6s;}
.pro-nr .pro_img {height: 250px;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.pro-nr .pro_img img{width: 100%;min-height: 100%;transition: all .6s;}
.pro-nr:hover a{}
.pro-nr:hover .pro_img img{transform: scale(1.1);}
.pro-nr p {text-align: center;font-size: 16px;line-height: 1;padding: 15px 0;background: #404040; color: #fff;}
.pro-nr:hover p{background: #0049aa;color: #fff;}
.pro-nr a:hover{border-color: #0049aa;}

.pro-more{margin-top: 20px;}
.pro-more a {font-size: 15px;line-height: 15px;display: inline-block;border: 2px solid #0049aa;color: #0049aa;padding: 0 40px;font-weight: bold;line-height: 40px;transition: all .6s;}

.pro-more a:hover{background: #0049aa;color: #fff;}

@media (max-width: 992px){
  
  .pro-nav ul li a {font-size: 14px;padding: 8px 30px;}
  
  .pro-nr .pro_img {height: 150px;}
  .pro-nr p{padding: 10px 0;}
  

}
@media (max-width: 767px){
  
  .pro-nav{padding: 0 15px;}
  .pro-nav ul{width: 100%;}
  .pro-nav ul li{margin: 0 5px 10px;text-align: center;}
  .pro-nav ul li a {padding: 8px 30px;}
  
  .pro-box {padding: 0 15px;}
  .pro-nr {width: 50%;padding: 0 5px;}
  .pro-nr .pro_img {height: 240px;}
  .pro-nr p {font-size: 16px;padding: 15px 0;}
  .pro-bt h3 { font-size: 2.5rem;}
  .pro-bt p {font-size: 1.2rem;line-height: 1.6;padding: 0 15px;}
  
  
  

}

@media (max-width: 415px){
 
  .product {padding: 30px 0;}
  
  .pro-bt h3 {font-size: 24px;margin-bottom: 5px;}
  .pro-nav{margin: 20px auto;}
  .pro-nav ul li{width: 31.111%;}
  
  .pro-nr .pro_img {height: 150px;}
  .pro-nr p {font-size: 15px;padding: 10px 0;}
  
  
  
}





/* å…³äºŽæˆ‘ä»¬ */
.gywm{padding: 50px 0 50px;background: url(../images/gywm-bg.jpg)no-repeat center;}

.gywm .gywm-bt{position: relative;margin-bottom: 40px;background: url(../images/gy-bt.png)no-repeat left center;padding-left: 30px;}
/* .gywm .gywm-bt{background: url(../images/gy-bt.png)no-repeat left center;padding-left: 8%;margin-bottom: 40px;} */
.gywm .gywm-bt h5 {font-size: 70px;font-weight: bold;text-transform: uppercase;font-family: Times New Roman;color: rgb(9 9 9 / 15%);position: absolute;z-index: -1;line-height: 1;}
.gywm .gywm-bt h3 {font-size: 24px;font-weight: bold;letter-spacing: 3px;line-height: 1;padding-top: 30px;padding-left: 30px;color: #0049aa;margin-bottom: 5px;}
.gywm .gywm-bt h3 span{color: #fe841a;}
.gywm .gywm-bt p {font-size: 15px;font-weight: bold;line-height: 1;padding-left: 30px;color: #0049aa;}

.gywm-box{}

.gywm-img{float: left;width: 50%;padding-right: 70px;}
.gywm-img img{width: 100%;}


.gywm-nr{float: left;width: 50%;padding-left: 4%;position: relative;}
.gywm-ad{position: absolute;z-index: 3;left: -100px;top: -80px;}
.gywm-ad h3 {font-size: 60px;font-family: Times New Roman;font-weight: bold;line-height: 60px;color: #0049aa;text-shadow: 2px 2px 1px #fff;}
.gywm-txt{}
.gywm-txt p {font-size: 15px;line-height: 1.8;color: #666;}
.gywm-more{margin-top: 40px;}
.gywm-more a {display: inline-block;font-size: 15px;line-height: 15px;border: 2px solid #0049aa;padding: 11px 35px;color: #0049aa;transition: all .6s;}
.gywm-more a:hover{background: #0049aa;color: #fff;font-weight: bold;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .gywm{padding: 30px 0;}
  
  .gywm .gywm-bt{padding-left: 10px;margin-bottom: 20px;}
  .gywm .gywm-bt h5{font-size: 60px;z-index: 0;}
  .gywm .gywm-bt h3{padding-left: 20px;padding-top: 20px;}
  
  
  
}
@media (max-width: 767px){
.gywm{padding: 0;background: none;}
  .gywm-img {float: none; width: 100%;padding: 15px;background: #054aa5;}
  
  .gywm-nr {float: none;width: 100%;position: relative;padding: 15px;background: #f7f7f7;}
  
  .gywm-txt p {font-size: 13px;line-height: 1.6;}
  .gywm-more {margin-top: 20px;}
  .gywm-more a{font-size: 14px;}
  
  
}
@media (max-width: 415px){
 
 
  
  
}



/* æ¡ˆä¾‹å±•ç¤º */
.anli{padding: 50px 0;}

.al-bt{margin-bottom: 40px;}


.anli-cont .walking .ar_1{width: 320px;height: 240px;margin-left: 15px;}
.anli-cont .walking .ar_1 .item{height: 240px;}
.anli-cont .walking .ar_1 .item img {vertical-align: middle; height: auto;width: 100%;min-height: 100%;}
.anli-cont .walking .ar_1 .item:hover{border-color: #0049aa;}

.anli-btn{text-align: center;margin-top: 30px;}
.anli-btn a {display: inline-block;font-size: 16px;line-height: 1;background: #0049aa; color: #fff;padding: 14px 40px;border-radius: 3px;transition: all .5s;}
.anli-btn a:hover{color: #fe841a;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  
  
}
@media (max-width: 767px){

  .anli-cont .walking .ar_1 {width: 230px;height: 180px;margin-left: 15px;}
  .anli-cont .walking .ar_1 .item {height: 180px;}
  
}

@media (max-width: 415px){
 
}



.adv{width: 100%;padding: 30px 10%;background: url(../images/adv-bg.png)no-repeat center;}
.adv-left,.adv-right{float: left;width: 50%;color: #fff;}

.adv-left{background: url(../images/adv-left.png)no-repeat center left;padding: 60px 0 5px 70px;background-size: 130px;}
.adv-left h3 {font-size: 42px;line-height: 1;font-weight: bold;letter-spacing: 4px;margin-bottom: 15px;}
.adv-left h4 { font-size: 20px; font-weight: normal;line-height: 1;letter-spacing: 1px;}
.adv-left p{}

.adv-right{padding-left: 100px;}
.adv-right h5 {font-size: 26px;line-height: 1;letter-spacing: 2px;margin-bottom: 15px;}
.adv-right h3 {font-size: 30px;font-weight: bold;font-family: Microsoft JhengHei;letter-spacing: 3px;line-height: 1;margin-bottom: 20px;}
.adv-right .adv-dh{overflow: hidden;}
.adv-right .adv-dh .dh-btn{float: left;width: 30%;text-align: right;}
.adv-right .adv-dh .dh-btn a {display: inline-block;font-size: 20px;line-height: 1;background: #fe841a;padding: 12px 36px;border-radius: 5px;}
.adv-right .adv-dh p {float: left;width: 70%;padding-left: 20px;font-size: 36px;line-height: 1;margin-top: 8px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .adv {padding: 30px 5%;}
  .adv-left h3{font-size: 30px;}
  .adv-left h4{font-size: 16px;}
  
  .adv-right {padding-left: 70px;}
  .adv-right h3{font-size: 24px;letter-spacing: 0;}
  .adv-right h5{font-size: 22px;}
  .adv-right .adv-dh .dh-btn a{font-size: 17px;padding: 10px 20px;}
  .adv-right .adv-dh p{font-size: 30px;margin-top: 5px;}
  
}
@media (max-width: 992px){
  
  .adv{padding: 30px 5%;}
  .adv-left{padding: 40px 0 5px 50px;background-size: 100px;}
  .adv-left h3{font-size: 25px;}
  .adv-left h4{font-size: 16px;}
  
  .adv-right {padding-left: 70px;}
  .adv-right h3{font-size: 20px;letter-spacing: 0;}
  .adv-right h5 {font-size: 18px;line-height: 1;letter-spacing: 1px;margin-bottom: 10px;}
  .adv-right .adv-dh p{width: 60%;font-size: 28px;padding-left: 10px;margin-top: 10px;}
  .adv-right .adv-dh .dh-btn{width: 40%;}
  .adv-right .adv-dh .dh-btn a{padding: 12px 24px;}

  
}
@media (max-width: 767px){

  .adv{background: url(../images/adv-bg.png)center right;padding: 30px 15px;}

  .adv-left {padding: 0;background: none;float: none;width: 100%;text-align: center;margin-bottom: 20px;}
  .adv-left h3 {font-size: 30px;}
  .adv-left h4 {font-size: 22px;}
  
  .adv-right {padding: 0;float: none;width: 100%;text-align: center;}
  .adv-right h5{font-size: 18px;}
  
  .adv-right .adv-dh .dh-btn {width: 45%;}
  .adv-right .adv-dh p { width: 40%; font-size: 36px; padding-left: 10px;margin-top: 5px;}
  
  
  
}

@media (max-width: 415px){
 
}




/* æ–°é—» */
.xinw{padding: 50px 0;}

.xw-bt{margin-bottom: 50px;}

.xinw-cont{}
.xinw-left{float: left;width: 49%;}
.xinw_top-img {height: 310px;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.xinw_top-img img{width: 100%;min-height: 100%;}
.xinw_top-info{}
.xinw_top-info h3 {font-size: 17px;line-height: 1;margin: 8px 0;color: #000;}
.xinw_top-info h5{font-size: 13px;line-height: 1;color: #888;margin-bottom: 5px;}
.xinw_top-info p{font-size: 14px;line-height: 1.5;color: #666;}
.xinw-left a:hover h3{color: #0049aa;}

.xinw-right{float: right;width: 49%;}
.xinw-right ul{}
.xinw-right ul li{ padding-bottom: 12px; margin-bottom: 12px;border-bottom: 1px dashed #ddd;}

.xinw-right .xinw-date{float: left;width: 15%;text-align: center;padding: 10px 0;padding-right: 10px;border-right: 1px solid #bbb;}
.xinw-right .xinw-date h5 {font-family: Times New Roman;font-size: 36px;line-height: 1;font-weight: bold;margin-bottom: 5px;color: #0049aa;}
.xinw-right .xinw-date p {font-size: 16px;line-height: 1;color: #0049aa;}

.xinw-right .xinw-info {float: left;width: 85%;padding-left: 20px;}
.xinw-info h3 {font-size: 17px;line-height: 1;margin-bottom: 10px;color: #000;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.xinw-info p {font-size: 14px;line-height: 1.5;color: #7d7d7d;}
.xinw-info:hover h3{color: #0049aa;}

@media (min-width: 992px) and (max-width: 1200px){

  .xinw-right .xinw-date{width: 20%;}
  .xinw-right .xinw-info{width: 80%;}
  
}

@media (max-width: 992px){
  
  .xinw_top-img{height: 250px;}
  .xinw_top-info p { font-size: 1.3rem;line-height: 1.5;color: #666;height: 4rem;overflow: hidden;}
  
  .xinw-right .xinw-date{width: 20%;}
  .xinw-right .xinw-date h5{font-size: 3rem;}
  .xinw-right .xinw-date p{font-size: 1.4rem;}
  
  .xinw-right .xinw-info{width: 80%;}
  .xinw-info p {font-size: 1.3rem;line-height: 1.5;height: 4rem;overflow: hidden;}

  
}
@media (max-width: 767px){

  .sec_05 {padding: 30px 0;}
  
  .xinw-bt {margin-bottom: 20px;}
  
  .xinw-cont {padding: 0 15px;}
  .xinw-left { float: none;width: 100%;margin-bottom: 20px;}
  
  .xinw-right {float: none;width: 100%;}
  .xinw-right .xinw-date {width: 16%;}
  
  
  
  
}





/*åº•éƒ¨*/
.f_one{padding: 30px 0;background: #003b8a;}
.f-dh{float: left;width: 25%;padding-top: 10px;}
.dh-img{float: left;margin-right: 20px;}
.dh-img img{height: 50px;margin-top: 10px;}
.dh-txt{float: left;}
.dh-txt a {display: inline-block;font-size: 16px; line-height: 1;  border: 1px solid #fff; color: #fff; padding: 10px 30px;margin-bottom: 6px;border-radius: 5px;transition: all .6s;}
.dh-txt a:hover{background: #fe841a;color: #fff;}
.dh-txt h3{    font-size: 30px;color: #fff;}
.f-lx {float: left;width: 45%; padding: 30px 20px;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.f-lx p {color: #fff;font-size: 16px;line-height: 1.5;}
.f-lx p .fa{margin-right: 10px;}
.f-ewm{float: left;width: 30%;padding-left: 20px;padding-top: 10px;}
.f-ewm img{height: 100px;float: left;}
.f-ewm p {float: left;margin-left: 15px;font-size: 14px; color: #fff;margin-top: 22px;}

.f_two{    background: #002c68;border-top: 1px solid #31518c;}
.f_two p.copyright{color: #fff;text-align: center;font-size: 13px;line-height: 40px;}

@media (max-width: 768px) {

  
  /*********å†…é¡µæ–°é—»-ä¸“é—¨è®¾ç½®*********/
  .list-unstyled .img img {height: 100%}
  .page-alist .img {padding: 0px 10px;width: 100%;}
  .list-unstyled .txt {padding-right: 15px;padding-left: 15px;margin-top: 10px;}
  .list-unstyled .txt h5 {font-size: 1.6rem;line-height: 25px;margin-top: 0px;}
  .list-unstyled .txt .news-rq-q {font-size: 1.0rem;margin-top: -10px;}
  .list-unstyled .txt p {margin-top: 0px;font-size: 1.3rem;line-height: 24px;}
  .page-body {margin-top: 8px;}
  

  
}


@media (max-width: 768px){
/*æ‰‹æœºåº•éƒ¨èœå•*/
.footers { display:none}
.footer {background: #303030;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "å¾®è½¯é›…é»‘";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}
}

/* æ‰‹æœºç«¯å›¾æ&nbsp;‡ */
.mo-box{padding: 5px;}
.iconlist {overflow: hidden;}
.iconlist li {width:23%;float: left;text-align: center;margin: 0 1% 0; padding:2% 1% 0;}
.iconlist li a .ficon {background: #52bbfd;line-height: 65px;height: 70px;display: table-cell;vertical-align: middle;width: 80px;border-radius: 5px;}
.iconlist li a .ficon i { color:#fff;font-size: 30px;}
.iconlist li a p {line-height: 30px;font-size: 14px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .dh-txt a{font-size: 14px;padding: 10px 20px;}
  .dh-txt h3{font-size: 24px;}
  
  .f-lx p{font-size: 14px;}
  
}
@media (max-width: 992px){

  .dh-img img {height: 40px;}
  .dh-txt a{font-size: 14px;padding: 10px 20px;}
  .dh-txt h3{font-size: 20px;}
  
  
}
@media (max-width: 767px){

  .bt h5{font-size: 24px;margin-bottom: 5px;}
  .bt h3{font-size: 25px;}
  
  
}

@media (max-width: 415px){
 
  
  
  
}






/* å†…é¡µæ&nbsp;·å¼ */


/* å†…é¡µè·¯å¾„ */
.crumbs-item {font-size: 15px;line-height: 1;padding: 20px 0;background: #eee;box-shadow: 0 0 3px #bbb;color: #3a3a3a;}

.page-alist .col-md-4 {padding: 0 10px;margin-bottom: 20px;}


.page-alist .col-md-4{}
.page-alist .col-md-4 a {display: block;border: 1px solid #bbb;padding: 5px;}
.page-alist .col-md-4 a .img-inner {width: 100%;height: 250px;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.page-alist .col-md-4 a .img-inner img{width: 100%;min-height: 100%;}
.page-alist .col-md-4 a h5 {font-size: 18px;line-height: 1; padding: 13px; background: #f2f2f2; margin-top: 5px;text-align: center;color: #555;}


/* å†…é¡µäº§å“ */
.pro-alist .col-md-3{padding: 0;width: 18%;margin-right: 2%;}
.pro-alist .col-md-3 h3 {background: #0054a3;color: #fff;font-size: 22px;line-height: 1;padding: 20px;margin-bottom: 10px;border-bottom: 3px double;}
.pro-alist .col-md-3 .page-nav{}
.pro-alist .col-md-3 .page-nav a {display: block;margin-bottom: 7px;font-size: 15px;line-height: 1;text-align: center;padding: 15px 0;background: #eee;transition: all .5s;}
.pro-alist .col-md-3 .page-nav a:last-child{margin: 0;}
.pro-alist .col-md-3 .page-nav a:hover{background: #0054a3;color: #fff;}
.pro-alist .col-md-9{padding: 0;width: 80%;}

.pro-alist .col-md-4{}
.pro-alist .col-md-4 a {display: block;border: 1px solid #bbb;padding: 5px;}
.pro-alist .col-md-4 a .img-inner{width: 100%;height: 250px;overflow: hidden;}
.pro-alist .col-md-4 a .img-inner img{width: 100%;min-height: 100%;}
.pro-alist .col-md-4 a h5 {font-size: 18px;line-height: 1; padding: 13px; background: #f2f2f2; margin-top: 5px;text-align: center;color: #555;}


/* å†…é¡µæ–°é—»åˆ—è¡¨ */
.news-alist{}
.news-alist ul{}
.news-alist ul li {overflow: hidden; margin-bottom: 15px;padding-bottom: 15px; border-bottom: 1px dashed #ccc;}

.page-alist .page-adate{color: #ffffff;background: #0054a3;}
.page-alist .page-adate{width: 70px;height: 66px;}
.page-alist .page-adate h3{font-size: 27px;font-weight: normal;line-height: 1;}
.page-alist .page-adate p {margin-bottom: 0;font-size: 14px;line-height: 1;margin-top: 7px;}

.media-heading {margin-top: 0;margin-bottom: 6px;font-size: 18px;line-height: 1;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #444;font-weight: normal;}
.page-alist .page-atit p {color: #666;font-size: 14px;line-height: 1.5;}

.page-alist .page-atit a:hover .media-heading{color: #0054a3;}


/* åˆ†é¡µ */
.wp-pagenavi{text-align: center;}


@media (max-width: 992px){

  .page-alist .col-md-4 {padding: 0 8px;margin-bottom: 20px;float: left;width: 33.3333%;}
  
  
  
  .pro-alist .col-md-3{float: left;width: 19%;margin-right: 1%;}
  .pro-alist .col-md-3 h3{font-size: 18px;padding: 15px;}
  .pro-alist .col-md-9{float: left;}
  .pro-alist .col-md-4 a .img-inner {width: 100%;height: 150px;overflow: hidden;}
  .pro-alist .col-md-4 a h5{font-size: 14px;padding: 10px 0;}
  
  
  
}
@media (max-width: 767px){

  .pro-alist .col-md-3{float: none;width: 100%;margin-bottom: 10px;}
  .pro-alist .col-md-3 h3{display: none;}
  .pro-alist .col-md-3 .page-nav {padding: 0 15px;}
  .pro-alist .col-md-3 .page-nav a{display: inline-block;width: 32.3333%;}
  .pro-alist .col-md-9 {float: none;width: 100%;}
  
  .crumbs-item { font-size: 1.5rem;line-height: 1;padding: 15px 10px;}
  
}
@media (max-width: 450px){
  
  .page-alist .col-md-4{width: 50%;}
  
}

</pre></body></html>